<mat-card fxLayout="column" fxLayoutAlign="space-around center" >
<form id="loginForm" fxLayout="column" fxFlexAlign="center center" (submit)="login(loginForm)" #loginForm="ngForm">
  <mat-form-field>
      <input type="tel"
             matInput placeholder="09100000000" required name="mobileNumber"
             #mobileNumber="ngModel" ngModel
      >
    <mat-error *ngIf="mobileNumber.invalid" i18n>Please Enter Valid Phone Number</mat-error>
  </mat-form-field>
  <mat-form-field>
    <input type="password"  matInput placeholder="password" required name="password"   #password="ngModel" ngModel
    >
    <mat-error *ngIf="password.invalid" i18n>Please Enter Password</mat-error>

  </mat-form-field>
  <button mat-raised-button color="accent" type="submit" i18n>Login</button>
</form>
</mat-card>
